require(['./config'],()=>{
  require(['template','url','header','footer'],(template,url)=>{
          //template 渲染列表页  使用rap2接口(数据来源)
          //面向对象编程
          class Category{
            constructor(){
              //constructor里调用方法
              this.renderList()
              this.showSlide()
            }
            //写方法
            renderList() {
            //请求rap2接口 （我先去新建一个接口，完事再回来接着写）
            $.get(url.base + '/list/shops',resp=>{
              //判断code的值
              
                // console.log(resp)
                if(resp.code===200){
                  const { list } = resp.body
                 
                 var str = template('templateListPage',{
                    lists : list
                  })
                  // console.log(str)
                  $('.contain-wrap-shop').html(str)
                }
            })
            }
            //鼠标移到商品 出现这个购物车
            showSlide(){
              // console.log(2)
              
            $('.contain-wrap-shop').on("mouseenter mouseleave","li",function(event){
            　　if(event.type == "mouseenter"){
              　　　　//mouseenter 
              //当前的li下的.slide-cart 不然所有的.slide-cart都会被触发
              $(this).find('.slide-cart').stop().slideDown()
              　　}else if(event.type == "mouseleave"){
              　　　　//mouseleave
              $(this).find('.slide-cart').stop().slideUp()
              　　};
               });
         
            }
            //添加商品
           
          }
          return new Category()
  })
})